﻿<!DOCTYPE HTML>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>OOPDIDIDONG</title>
        <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
        <meta name="viewport" content="width=device-width" />
        @Styles.Render("~/Content/css")
	    @Scripts.Render("~/bundles/modernizr")
		<link href="/Content/blockquote.css" rel="stylesheet" type="text/css" />
	    <link href="/Content/MetroJs.css?v=1" rel="stylesheet" type="text/css" />
		<link href="/Content/suckertree.css" rel="stylesheet" type="text/css" />
	    <link href="/Content/style.css?v=1" rel="stylesheet" type="text/css" />
		<link href="/Content/grey.css?v=1" rel="stylesheet" type="text/css" />
	    <link href="/Content/Site.css" rel="stylesheet" type="text/css" />
		<link href="/Content/myskin.css" rel="stylesheet" type="text/css" />


		@Scripts.Render("~/bundles/jquery")
		@RenderSection("scripts", required: false)
	    <script src="/Scripts/jquery.quovolver.js" type="text/javascript"></script>
		<script src="/Scripts/jquery.hoverIntent.minified.js" type="text/javascript"></script>
	    <script src="/Scripts/jquery.dcmegamenu.1.3.3.js" type="text/javascript"></script>
		<script src="../../Scripts/autoNumeric-1.7.5.js" type="text/javascript"></script>
		<script src="../../Scripts/jquery.validate.js" type="text/javascript"></script>
	    <script src="../../Scripts/numeral.min.js" type="text/javascript"></script>
	    <script src="../../Scripts/webmobile.js" type="text/javascript"></script>
	    <script type="text/javascript">
    		jQuery(document).ready(function() {
    			$('blockquote').quovolver();
    			$('#mega-menu').dcMegaMenu({
    				rowItems: '2',
    				speed: '0',
    				effect: 'fade'
    			});

    			// get summary carts
    			updataSummary();
    		});
    		
			function updataSummary() {
				$.get("/api/productS/GetSummary", function (data, status) {
					$("#summary_cart").text(data);
				});
			}
    	
    		

		</script>
    </head>
	<body>
		<header>
			<div id="container">
				<div id = "banner" style="overflow: hidden;">
					<div class="logo fl">
						<a title="OOPWebModile Logo" href="/"><img src="../../Content/images/logo.png" /></a>
					</div>
					<div class="fr">
						<div>
							<div class="hotline fr">
								<center style="color: red">hotline</center>
								<div>Mr Tín: (08) 22.00.55.00</div>
								<div>Mr Nhân: (08) 66.54.59.59</div>
							</div>
							<div class="clr"></div>
						</div>
						<div style="text-align: right;">
							<a class="btnShoppingCart" href="/home/ViewCart">(<span class="numCart" id="summary_cart">_</span>)</a>
						</div>
						<div class="cl"></div>
						<div class="mini_menu_top userInfo">
							<section id="login">
								@Html.Partial("_LoginPartial")
							</section>
						</div>
					</div>
					<div class="top_search fr">
						<div style="position: relative;">
							<div class="text_quote">
								<div id="quote_wrap" style="height: 52px;">
									<blockquote>Chất lượng hoàn hảo<br />Hậu mãi dài lâu - Giá cả đi đầu</blockquote>
									<blockquote>Chuyên phân phối điện thoại <br />Pantech Sky Vega của Hàn Quốc</blockquote>
									<blockquote>Website OOPDIDIDONG.VN luôn được cập nhật hàng giờ liên tục</blockquote>
									<blockquote>Cam kết về GIÁ luôn được cập nhật <br /> Đón đầu thị trường</blockquote>
									<blockquote>Tiêu chí OOPDIDIDONG.VN:"Khách hàng luôn luôn đúng"</blockquote>
								</div>
							</div>
							<script type="text/javascript">
								function postSearch() {
									var data = $('#search').val();
									window.location.href = '/home/ViewSearch/' + data;
								}

								function onBlur(el) {
									if (el.value == '') {
										el.value = el.defaultValue;
									}
								}
								function onFocus(el) {
									if (el.value == el.defaultValue) {
										el.value = '';
									}
								}


							</script>
							<div class="top_search1" style="margin-top: 40px;">
								<div class="fr">
								
										<input id ="btnSearch" class="btn fr" type="image" src="../../Content/images/search_btn.png" onclick="postSearch()">
										<input id="search" class="formtip fr" type="text" name="searchKey" value="Tìm kiếm" onkeydown="if (event.keyCode == 13) document.getElementById('btnSearch').click();"  onblur="onBlur(this)" onfocus="onFocus(this)">
										<div class="clr"></div>
							
									<div id="searchResult" class="searchResult"> </div>
								</div>
								<div class="clr"></div>
							</div>
						</div>
					</div>
				</div>
				@Html.Partial("_MenuPartial")
			</div>
			@*<div class="content-wrapper">
				<div class="float-left">
					<p class="site-title">@Html.ActionLink("your logo here", "Index", "Home")</p>
				</div>
				<div class="float-right">
					<section id="login">
						@Html.Partial("_LoginPartial")
					</section>
					<nav>
						<ul id="menu">
							<li>@Html.ActionLink("Home", "Index", "Home")</li>
							<li>@Html.ActionLink("About", "About", "Home")</li>
							<li>@Html.ActionLink("Contact", "Contact", "Home")</li>
						</ul>
					</nav>
				</div>
			</div>*@
		</header>
		<div class="clr"></div>
		<div id="body">
			@RenderSection("featured", required: false)
			<section class="content-wrapper main-content clear-fix" style="overflow: hidden">
				<br>
				@if (ViewBag.hideVertical == null)
				{
					@Html.Partial("_VerticalMenu")
				}
				@RenderBody()
			</section>
		</div>
		<footer>
			@Html.Partial("_Footder")
		</footer>

	</body>
</html>
